<template>
  <i-card :title="title">
    <view slot="content">
      <i-row>
        <span class="subTitle">{{subTitle}}</span>
        <i class="material-icons icon" :style="iconStyle">{{icon}}</i>
      </i-row>
    </view>
  </i-card>
</template>

<script>
  export default {
    name: 'card',
    props: {
      title: {},
      subTitle: {},
      iconStyle: {},
      icon: {}
    }
  }
</script>

<style scoped>
  .subTitle {
    color:rgba(145, 145, 145, 1);
    font-size: 12px;
  }
  .icon {
    font-size: 20px;
    position: absolute;
    right: 10px;
  }
</style>
